<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>Home</title>
		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
		<link rel="stylesheet" type="text/css" href="css/style.css"/>
	</head>
	<body>
		<header>
			<div class="container">
				<nav class="clearfix">
					<a class="logo1">
						<img class="logo" src="img/brand-white.png" alt="" />
					</a>
					<ul class="clearfix">
						<li><a href="">Home</a></li>
						<li><a href="">Profile</a></li>
						<li><a href="">Messages</a></li>
						<li><a href="">Docs</a></li>
					</ul>
				</nav>
			</div>
		</header>
		<div class="main">
			<div class="container">
				<div class="it">
					<div class="item item1">
						<div class="main-inner">
							<div class="left-one">
								<img src="img/iceland.jpg"/>
								<img src="img/avatar-dhg.png" alt="" class="me" />
								<h3>Dave Gamache</h3	>
								<p>I wish i was a little bit taller,wish i was a baller</p>
							</div>
							<div class="left-two">
								<h3>About</h3>
								<p>Went to <span>Oh,Canada</span></p>
								<p>Became friends with <span>Obama</span></p>
								<p>Worked at <span>Github</span></p>
								<p>Lives in <span>San Francisco,CA</span></p>
								<p>From <span>Seattle,WA</span></p>
							</div>
							<div class="left-three">
								<h3>Photos</h3>
								<div class="box-img">
									<img src="img/instagram_5.jpg" alt="" />
									<img src="img/instagram_6.jpg" alt="" />
									<img src="img/instagram_7.jpg" alt="" />
									<img src="img/instagram_8.jpg" alt="" />
									<img src="img/instagram_9.jpg" alt="" />
									<img src="img/instagram_10.jpg" alt="" />
								</div>
							</div>
						</div>
					</div>
					<div class="item item2">
						<div class="main-inner">
							<div class="center-one">
								<h3>Dave Gamache</h3>
								<!--<h6>4 min</h6>-->
								<p>
									Aenean lacina bibendum nulla sed consecteur. Vestibulum id ligula 
									porta felis euismod semper semper. Morbi leo risus, porta ac 
									consectecur ac. vestibulem at5 eros. Cras justo odio, dapibus ac 
									facilisis in, egestas eget quam. Vestibulum id ligula porta felis 
									euismod semboer. Cum sociis natoque penatibus et magnis dis 
									parturient montes,nascetur ridiculus mus.
								</p>
								<div class="bx-img">
									<img src="img/unsplash_1.jpg" alt="" />
									<img src="img/instagram_1.jpg" alt="" />
									<img src="img/instagram_13.jpg" alt="" />
									<img src="img/unsplash_2.jpg" alt="" />
								</div>
								<p>
									<span>Jaconb ihorntor:</span>Donce id elit non mi porta gravida 
									at eget metus metus. Vivamus sagittis lacu vel augue laoreet 
									rutrum faucibus dolor. Donec ullamcorper nulla non consectetur 
									et. Sed posuere consectur est lobortis.
								</p>
								<p>
									<span>Mark Otto:</span>Lorem ipsum dolor sit amet. consectetur 
									adipiscing elit.Fusce dapibus, tell ac cursus commodo, 
									tortormauris condimentum nibh,ut fermentum massa justo sit amet 
									risus.
								</p>
							</div>
							<div class="center-two">
								<h3>Jacob Thornton</h3>
								<p>
									Donce id elit non mi porta gravida at eget metus metus.Integer 
									posuere erat a ante venenatis dapibus posuere velit aliquet. 
									Cum sociis natoque penatibus et magnis dis parturient montes, 
									nascetur risiculus mus. Morbi leo risus, porta ac consecttur 
									ac,vestibulum at eros, Lorem ipsum dolor sit maet, consectetur 
									adipiscing elit.
								</p>
							</div>
							<div class="center-three">
								<h3>Mark Otto</h3>
								<p>
									Donec ullamcorper nulla non metus auctor fringilla. Vestibulum is 
									ligula porta felis euismod seper. Aenean eu leo quam. Pellentesaque
									 ornare sem lacinaa quam venenatis veatiibulum. Etiam porta sem 
									 malessuada magna mollis euismod. Donecsed odio dui. ven
								</p>
								<img src="img/instagram_3.jpg" alt="" />
								<p>
									<span>Dave Gamache:</span>Donce id elit non mi porta gravida at 
									eget metus metus.Vivamus sagittis lacu vel augue laoreet rutrum 
									faucibus dolor. Donec ullamcorper nulla non metus auctor friailla, 
									Praesent commodo cursus magna, vel scelerisque nisl consectetur 
									et,Sed posuere consectetur est at lobortis.
								</p>
							</div>
						</div>
					</div>
					<div class="item item3">
						<div class="main-inner">
							<div class="right-one">
								<h3>Sponsored</h3>
								<img src="img/instagram_2.jpg" alt="" />
								<h3>it might be time to visit icelang.</h3>
								<p>Iceland is so chill, and everything look cool here,Also,we heard the people are pretty nice.What are you waiying for？</p>
								<a href="">Boy a ticket</a>
							</div>
							<div class="right-two">
								<div class="two-top">
									<h3>Likes</h3>
									<div class="bt clearfix">
										<img src="img/avatar-fat.jpg" alt="" />
										<div class="clearfix">
											<h3>Jacob Thornton <p>@fat</p></h3>
											<a href="">Follow</a>
										</div>
									</div>
									<div class="bt clearfix" ">
										<img src="img/avatar-mdo.png" alt="" />
										<div class="clearfix">
											<h3>Mark Otto <p>@mdo</p></h3>
											<a href="">Follow</a>
										</div>
									</div>
								</div>
								<div class="two-bottom">
									<p>Dave reaiiy likes these nerds, no noe konews why though.</p>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
		<footer>
			<p>Designed and built with all the love in the worild by 
				<span>@mdo,@fat,</span>and<span>@dhg.</span></p>
			<div>
				<a href="">About</a>
				<a href="">Terms</a>
				<a href="">Privacy</a>
				<a href="">Licenses</a>
				<a href="">FAQ</a>
			</div>
		</footer>
	</body>
</html>